﻿<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
<title></title>
<style>
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
button, input, select, textarea,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}

html { 
	font-size:100%; 
	overflow-y:scroll; 
	-webkit-text-size-adjust:none;
}

*html {
	background-image:url(about:blank); 
	background-attachment:fixed;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ==|== Clearing Float ====================================================== */

.clearfix:before, .clearfix:after { 
	content: ""; display: table; 
}

.clearfix:after { 
	clear: both;
	overflow:hidden; 
}

.clearfix { 
	zoom: 1; 
}

/* ==|== Public Style ====================================================== */

a, a:visited {
	text-decoration:none;
	outline:none;
	hide-focus:expression(this.hideFocus=true);
}

a:hover, a:active {
	text-decoration:none;
}

body,button,input,select,textarea{
	background:#fff;
	font:12px/1.5 arial,Hiragino Sans GB,\5b8b\4f53;
	-webkit-font-smoothing:antialiased;
}
	#loginBox{width:470px;height:308px; border:1px solid #cbcbcb; background:#fff; font-family:"寰蒋闆呴粦", "瀹嬩綋";font-size:14px;color:#333;position:absolute;top:0;left:50%; z-index:999; margin-left:-235px;}
	#loginBox .tit{
	height:31px;
	line-height:31px;
	border-bottom:1px solid #cbcbcb; text-indent:10px;  margin-bottom:13px;
	background:#e5e5e5; position:relative;
	background: -moz-linear-gradient(top,  #f4f6f4 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f6f4), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f4f6f4 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f4f6f4 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, #f4f6f4 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4f6f4", endColorstr="#e5e5e5"); /* IE6,IE7 */
	 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4f6f4", endColorstr="#e5e5e5")"; /* IE8 */
}
	 #closeBox{height:18px;width:18px; background:url(login_pic_01.png) no-repeat; display:block; position:absolute;top:7px;right:6px;}
	 #loginBox .l,#loginBox .r{ float:left;height:97px;width:49%; text-align:center}
	 #loginBox .l{ border-right:1px solid #b2b2b2;line-height:97px}
	 #loginBox .l a, #loginBox .l a:hover{ font-size:16px;color:#2d8925; padding-left:10px}
	 #loginBox .r a{display:inline-block;display:-moz-inline-block;*display:inline;*zoom:1;width:126px;height:24px; background:url(login_pic_01.png) 0 -18px;margin-top:11px; }
	 #loginBox .r a.b2{ background-position:0 -42px}
	#loginBox ul{ float:left;width:93%; margin:15px 0 0 15px; padding-top:15px; border-top:1px solid #b2b2b2; display:inline }
	#loginBox li{ float:left; display:inline; margin-right:35px; text-align:center; }
	#loginBox li a,#loginBox li p{ display:block;color:#333}
	#loginBox li.last{ margin:0}
	#loginBox li img{ border:1px solid #cbcbcb;vertical-align:bottom}
	#shade{ position:absolute;top:0px;left:0px;width:100%; background:#000; opacity:0.4;filter:alpha(opacity=40);z-index:990; }
	#shade,#loginBox{display:block}/*鑳屾櫙鑹插拰寮规鍒濆*/
</style>
</head>
<body style="height:2000px">
	<div id="loginBox">
    	<div class="tit">鐧婚檰浠ュ悗锛屾洿澶氱簿褰?a id="closeBox" href="javascript:;"></a></div>
        <div class="l">宸叉湁璐﹀彿锛岀珛鍗?a>鐧婚檰</a></div>
         <div class="r">
         	<p>娌℃湁鍚嶅搧璐﹀彿锛?/p>
            <a ></a>
            <a class="b2"></a>
         </div>
         <ul>
         	<li><a><img src="1.jpg" width="120" height="90"><p>娴嬭瘯娴嬭瘯娴嬭瘯娴嬭瘯</p></a></li>
            <li><a><img src="1.jpg" width="120" height="90"><p>娴嬭瘯娴嬭瘯娴嬭瘯娴嬭瘯</p></a></li>
            <li class="last"><a><img src="1.jpg" width="120" height="90"><p>娴嬭瘯娴嬭瘯娴嬭瘯璇曟祴</p></a></li>
         </ul>
    </div>
<div id="shade"></div>
<script>
var oClose = document.getElementById('closeBox'),oLoginBox = document.getElementById('loginBox'),oShade = document.getElementById('shade'),iSpeed=scrollTop =0,timer=null,oLoginBoxHeight = 308//寮瑰嚭妗嗙殑楂樺害;

function moveTop(obj,iTarget)
{
	clearInterval(timer)
	timer = setInterval(function(){
		iSpeed = (iTarget-obj.offsetTop)/4;
	
		iSpeed = iSpeed>0?Math.ceil(iSpeed):Math.floor(iSpeed);
		
		if(obj.offsetTop == iTarget)
		{clearInterval(timer)}
		else{obj.style.top = obj.offsetTop+iSpeed+'px'}
		},30)
}

function moveTarget()
{
	if(oLoginBox.offsetWidth)
	{
		t =(document.documentElement.clientHeight-oLoginBoxHeight)/2+scrollTop;
		moveTop(oLoginBox,parseInt(t));
		oShade.style.height = scrollTop+document.documentElement.clientHeight+'px';
	}
}
	
window.onscroll=window.onresize=function()
{
	scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
	moveTarget();
}
moveTarget();
oClose.onclick = function()
{
	oLoginBox.style.display = oShade.style.display = 'none'
}

</script>
</body>
</html>
